<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">



    <ui:composition template="./../templates/internal.xhtml">

        <ui:define name="top">
            <h:form id="topTronco">
                <p:growl id="mensagem" autoUpdate="true" sticky="false" life="3000"/>
                <p:menubar>
                    <p:submenu label="Menu">  
                        <p:menuitem value="Home"  action="./../publico/home.xhtml"/>  
                        <p:menuitem value="Logout" action="#{autenticador.registraSaida}" immediate="true"  />
                    </p:submenu>
                    <f:facet name="options">  
                        <b>Logado: #{utilBean.userName} </b> 
                        <p:commandButton  value="Logout" action="#{autenticador.registraSaida}" immediate="true" />
                    </f:facet>    
                </p:menubar>
                <div id="imageTop">      
                    <p:imageSwitch effect="turnDown" styleClass="painel" slideshowSpeed="9000">  
                        <ui:repeat value="#{utilBean.images}" var="image">  
                            <p:graphicImage value="./../resources/css/imagens/#{image}" width="100%" height="100"/>  
                        </ui:repeat>  
                    </p:imageSwitch>  
                </div>     
            </h:form>
        </ui:define>

        <ui:define name="content">
            <h:form id="resultado">
                <p:tabView>

                    <div id="contentEmpresa">      
                        <h:outputScript library="js" name="mascaras.js" />
                        <p:growl id="mensagem" autoUpdate="true" sticky="false" life="3000"/>

                        <p:tab title="Cadastro de Empresa">

                            <p:panelGrid id="dados" columns="2"    styleClass="empresaCadastro">  
                                <f:facet name="header">Cadastro</f:facet>

                                <p:outputLabel  value="Razão Social"/>
                                <p:inputText  size="50" value="#{empresaBean.empresaRN.empresa.razaoSocial}"/>                                                        
                                <p:outputLabel   value="Nome Fantasia" /> 
                                <p:inputText size="50"  value="#{empresaBean.empresaRN.empresa.nomeFantasia}"/>
                                <p:outputLabel   value="CNPJ" /> 
                                <p:inputText size="50"  value="#{empresaBean.empresaRN.contato.cnpj}" onblur="mascara(this,soNumeros)"
                                             onkeypress="mascara(this,soNumeros)"/>
                                <p:outputLabel value="Inscrição Estadual" /> 
                                <p:inputText size="50" value="#{empresaBean.empresaRN.contato.incricaoEstadual}" onblur="mascara(this,soNumeros)"
                                             onkeypress="mascara(this,soNumeros)"/>
                                <p:outputLabel   value="Inscrição Municipal" /> 
                                <p:inputText size="50" value="#{empresaBean.empresaRN.contato.inscricaoMunicipal}" onblur="mascara(this,soNumeros)"
                                             onkeypress="mascara(this,soNumeros)"/>
                                <p:outputLabel   value="Telefone" /> 
                                <p:inputText  size="50" value="#{empresaBean.empresaRN.contato.telefone1}"/>
                                <p:outputLabel   value="Telefone" /> 
                                <p:inputText size="50"  value="#{empresaBean.empresaRN.contato.telefone2}" onblur="mascara(this,soNumeros)"
                                             onkeypress="mascara(this,soNumeros)"/>
                                <p:outputLabel   value="Email" /> 
                                <p:inputText size="50" value="#{empresaBean.empresaRN.contato.email}"/>
                                <p:outputLabel   value="CEP" /> 

                                <p:autoComplete id="cepComplete" value="#{empresaBean.empresaRN.localidades.cep}" effect="fade"  minQueryLength="8" multiple="false"
                                                completeMethod="#{empresaBean.oncompleteCep}" var="p"  itemLabel="#{p}" itemValue="#{p.cep}" itemtipAtPosition="top right"
                                                converter="localidadesConverter" 
                                                onstart="statusDialog.show();" onsuccess="statusDialog.hide();">
                                    <p:ajax event="itemSelect" listener="#{empresaBean.oncompleteSelect}" update="logadouro bairro cidade uf cepComplete" />
                                </p:autoComplete>
                                <p:outputLabel  value="Logradouro" /> 
                                <p:inputText id="logadouro" size="50" value="#{empresaBean.empresaRN.localidades.logradouro}"/>
                                <p:outputLabel  value="Bairro" /> 
                                <p:inputText id="bairro" size="50" value="#{empresaBean.empresaRN.localidades.bairro}"/>
                                <p:outputLabel   value="Cidade" /> 
                                <p:inputText id="cidade" size="50" value="#{empresaBean.empresaRN.localidades.cidade}"/>
                                <p:outputLabel  value="UF" /> 
                                <p:inputText id="uf" size="50" value="#{empresaBean.empresaRN.localidades.uf}"/>

                                <f:facet name="footer">
                                    <p:commandButton value="Cadastrar" action="#{empresaBean.salvarEmpresa}"  /> 
                                    <p:commandButton value="Limpar"  action="#{empresaBean.empresaRN.limparCampos}" /> 
                                </f:facet>
                            </p:panelGrid>  

                        </p:tab>
                        <p:tab title="Empresas Cadastradas">
                            <div id="painel">
                                <p:panel>
                                    <p:commandButton value="Consultar" action="#{empresaBean.listaEmpresa}" update="list"/> 
                                    <p:spacer height="20"/>
                                    <p:commandLink value="Alterar" update="alterar" action="#{empresaBean.btnAlterarEmpresa()}"  oncomplete="if(args.sucesso == true){updateDialog.show()}" styleClass="tamanhoBotao"/>
                                    <p:spacer height="20"/>
                                    <p:commandLink value="Excluir"  action="#{empresaBean.deleteEmpresa}"  update="list"/> 
                                    <p:spacer height="20"/>
                                    <p:commandLink value="Limpar lista" action="#{empresaBean.limpaLista}" update="list"/> 
                                </p:panel>
                            </div>
                            <div id="resultado">
                                <p:dataTable var="item" value="#{empresaBean.empresaModel}" id="list"  paginatorPosition="top"  
                                             rowKey="#{item.id}"  paginator="true" emptyMessage="Sem retorno de consulta"  
                                             resizableColumns="true" rows="" selection="#{empresaBean.empresaSelected}"  selectionMode="single"
                                             scrollable="true" scrollWidth="100%" scrollHeight="280"
                                             paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink}   
                                             {RowsPerPageDropdown}" rowsPerPageTemplate="25,50,100,150,200" >  

                                    <f:facet name="header">
                                        Lista de empresas  com : #{empresaBean.empresaRN.messagemCount} 
                                    </f:facet> 

                                    <p:column headerText="Razao Social" sortBy="#{item.razaoSocial}" style="text-align: center">  
                                        #{item.razaoSocial}
                                    </p:column>  
                                    <p:column headerText="Fantasia" sortBy="#{item.nomeFantasia}" style="text-align: center">  
                                        #{item.nomeFantasia}
                                    </p:column>  
                                    <p:column headerText="CNPJ"  sortBy="#{item.contato.cnpj}" style="text-align: center">  
                                        #{item.contato.cnpj}
                                    </p:column>  
                                    <p:column headerText="Insc. Est." sortBy="#{item.contato.incricaoEstadual}" style="text-align: center">  
                                        #{item.contato.incricaoEstadual}
                                    </p:column>  
                                    <p:column headerText="Insc. Mun" sortBy="#{item.contato.inscricaoMunicipal}" style="text-align: center">  
                                        #{item.contato.inscricaoMunicipal}
                                    </p:column>  
                                    <p:column headerText="telefone" sortBy="#{item.contato.telefone1}" style="text-align: center">  
                                        #{item.contato.telefone1}
                                    </p:column>  
                                    <p:column headerText="telefone"  sortBy="#{item.contato.telefone2}" style="text-align: center">  
                                        #{item.contato.telefone2}
                                    </p:column>  
                                    <p:column headerText="Longadouro"  sortBy="#{item.contato.endereco.logradouro}" style="text-align: center">  
                                        #{item.contato.endereco.logradouro}
                                    </p:column>  
                                    <p:column headerText="Bairro"  sortBy="#{item.contato.endereco.bairro}" style="text-align: center">  
                                        #{item.contato.endereco.bairro}
                                    </p:column>  
                                    <p:column headerText="Cidade"  sortBy="#{item.contato.endereco.cidade}" style="text-align: center">  
                                        #{item.contato.endereco.cidade}
                                    </p:column>  
                                    <p:column headerText="UF"  sortBy="#{item.contato.endereco.uf}" style="text-align: center">  
                                        #{item.contato.endereco.logradouro}
                                    </p:column>  
                                    <p:column headerText="Cep"  sortBy="#{item.contato.endereco.cep}" style="text-align: center">  
                                        #{item.contato.endereco.logradouro}
                                    </p:column>  
                                </p:dataTable>   
                            </div>                    
                        </p:tab>
                        <div id="altualiza">
                            <p:dialog widgetVar="updateDialog" header="Alteração de Tronco" showEffect="explode" hideEffect="fade" modal="true" 
                                      width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                                <p:panelGrid id="alterar" columns="3">  
                                    <f:facet name="footer">             
                                        <p:commandButton value="Alterar" action="#{empresaBean.alteraEmpresa}" update="list"  oncomplete="updateDialog.hide()" />
                                        <p:commandButton value="Fechar" oncomplete="updateDialog.hide()" />
                                    </f:facet>
                                </p:panelGrid>
                            </p:dialog>
                        </div>

                    </div>
                </p:tabView>  
                <div id =  "progresso">
                    <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  
                    <p:dialog modal="true" widgetVar="statusDialog" header="Carregando aguarde..."  showEffect="fade"  draggable="false" closable="true">  
                        <p:graphicImage value="./../resources/css/imagens/loader.gif"/>  
                    </p:dialog> 
                </div>	
            </h:form>

        </ui:define>

        <ui:define name="bottom_internal">
        </ui:define>
    </ui:composition>
</html>
